import React, { Component } from 'react';
import { useParams } from 'react-router';
import { Listshow } from '../style';


class List extends Component {
  render() {
    console.log(this.props.data); 
    return (
      <Listshow style={{height:'1000px'}}>
          {this.props.data.map((item) => (
            <ul key={item.data.id}>
               <li className='clearfix'>
                  <img src={item.data.img}/> 
                  <div className='txt-area'>
                    {/* <img src={item.data.param_str}/> */}
                    <span>{item.data.title}</span>
                    {/* <img src="" alt=""/> */}
                   <div className='txt'>“{item.data.intro}”</div> 
                   <div className='price clearfix'>
                     <div className='t1'>
                       淘宝
                       <s>￥{item.data.price}</s>
                     </div>
                     <div className='t2'>
                       {/* <img src="" alt=""/> */}
                      1740315
                     </div>
                   </div>
                    
                 
                  </div>
               </li>
              {/* <p>{item.data.merchant}</p> */}
            </ul>
          ))}

        
      </Listshow>
    );
  }
}

export default List;
